<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/pttmedia_3.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>pttmedia.com</title>
<!-- InstanceEndEditable -->
<link href="../css/css.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.style2 {font-size: 14px;
	font-weight: bold;
	color: #345BA4;
}
-->
</style>
<style type="text/css">
<!--
p.MsoNormal {
margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";
}
span.style61 {
font-family:Arial;
color:#666666;
}
.style3 {
	font-size: 12px;
	color: #345BA4;
}
#Layer6 {position:absolute;
	width:655px;
	height:180px;
	z-index:3;
	left: 407px;
	top: 91px;
}
#Layer2 {position:absolute;
	width:21px;
	height:115px;
	z-index:2;
	left: 187px;
	top: 91px;
}
-->
</style>
<!-- InstanceEndEditable -->
</head>

<body>
<div id="mainbody">
	<div id="top">
		<div id="logo">&nbsp;</div>
		<div id="mainmenu">
			<ul>
				<li><a href="animatione.htm">Flash &amp; Animation</a></li>
				<li><a href="programe.htm">A/V Production</a></li>
				<li><a href="elearninge.htm">eLearning Development</a></li>
				<li><a href="podcaste.htm">Podcast</a></li>
				<li><a href="aboutuse.htm">About us</a></li>
			</ul>
		</div>
	</div>
	<div id="topshow">
		<div id="submenu">
			<ul>
				<li><a href="animatione_25.htm">Music River </a></li>
				<li><a href="animatione_3.htm">The Artist </a></li>
				<li><a href="animatione_8.htm">The Birth of Universe </a></li>
				<li><a href="animatione_23.htm">Open Book </a></li>
				<li><a href="animatione_6.htm">Hakka Culture </a></li>
				<li><a href="animatione_11.htm">Rock Stage </a></li>
			</ul>
		</div>
	</div>
	<div class="toptitle">

  	</div>
	<div class="col0" style="width:380px;height:375px;">
	<!-- InstanceBeginEditable name="EditRegion4" -->
	<table width="370" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="20" height="348">&nbsp;</td>
        <td width="350"><table width="323" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><span class="style61 style3"><span class="style2">Flash Demo</span></span></td>
              </tr>
            </table>
            <p>
              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="320" height="280">
                <param name="movie" value="../flash/animation20.swf" />
                <param name="quality" value="high" />
                <embed src="../flash/animation20.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="320" height="280"></embed>
              </object>
              <br />
        </p>        </td></tr>
    </table>	
	<br />
	<!-- InstanceEndEditable -->
  </div>
	<div class="col1" style="width:489px;height:375px;">
	<!-- InstanceBeginEditable name="EditRegion5" --> <br />
	<table width="350" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="32">&nbsp;</td>
        <td width="318"><span class="style2">Human Body &amp; Medicine</span></td>
      </tr>
    </table>
	<br />
	<table width="475" height="302" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="40" height="151" rowspan="2">&nbsp;</td>
        <td colspan="3" rowspan="2"><div align="justify"><a href="animatione.htm"><img src="../image/program72.jpg" width="200" height="133" border="0" /></a></div></td>
        <td width="110" height="72"><a href="animatione_23.htm"><img src="../image/program32.jpg" width="90" height="60" border="0" /></a></td>
        <td width="103"><a href="animatione_18.htm"><img src="../image/program70.jpg" width="90" height="60" border="0" /></a></td>
      </tr>
      
      <tr>
        <td height="76"><a href="animatione_17.htm"><img src="../image/program69.jpg" width="90" height="60" border="0" /></a></td>
        <td><a href="animatione_13.htm"><img src="../image/program65.jpg" width="90" height="60" border="0" /></a></td>
      </tr>
      <tr>
        <td rowspan="2">&nbsp;</td>
        <td width="99" height="76"><a href="animatione_12.htm"><img src="../image/program64.jpg" width="90" height="60" border="0" /></a></td>
        <td width="101"><div align="right"><a href="animatione_15.htm"><img src="../image/program66.jpg" width="90" height="60" border="0" /></a></div></td>
        <td width="22">&nbsp;</td>
        <td colspan="2" rowspan="2"><a href="animatione_16.htm"><img src="../image/program67.jpg" width="200" height="133" border="0" /></a></td>
      </tr>
      
      <tr>
        <td height="74"><a href="animatione_19.htm"><img src="../image/program73.jpg" width="90" height="60" border="0" /></a></td>
        <td><div align="right"><a href="animatione_21.htm"><img src="../image/program68.jpg" width="90" height="60" border="0" /></a></div></td>
        <td>&nbsp;</td>
      </tr>
    </table>	
	<br />
	<!-- InstanceEndEditable -->
	</div>
	<div class="cls"></div>
	<div class="col0" style="width:324px;height:300px;">
	<!-- InstanceBeginEditable name="EditRegion6" --> <br />
	<table width="234" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="21">&nbsp;</td>
        <td width="213"><span class="style2">Arts  &amp; Fairy Tale</span></td>
      </tr>
    </table>
	<br />
	<table width="317" height="230" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="19" height="79">&nbsp;</td>
        <td width="103"><a href="animatione_2.htm"><img src="../image/program52.jpg" width="90" height="60" border="0" /></a></td>
        <td width="103"><a href="animatione_3.htm"><img src="../image/program48.jpg" width="90" height="60" border="0" /></a></td>
        <td width="106"><a href="animatione_20.htm"><img src="../image/program31.jpg" width="90" height="60" border="0" /></a></td>
      </tr>
      <tr>
        <td height="72">&nbsp;</td>
        <td><a href="animatione_7.htm"><img src="../image/program51.jpg" width="90" height="60" border="0" /></a></td>
        <td><a href="animatione_25.htm"><img src="../image/program44.jpg" width="90" height="60" border="0" /></a></td>
        <td><a href="animatione_10.htm"><img src="../image/program61.jpg" width="90" height="60" border="0" /></a></td>
      </tr>
      <tr>
        <td height="78">&nbsp;</td>
        <td><a href="animatione_8.htm"><img src="../image/program60.jpg" width="90" height="60" border="0" /></a></td>
        <td><a href="animatione_9.htm"><img src="../image/program42.jpg" width="90" height="60" border="0" /></a></td>
        <td><a href="animatione_11.htm"><img src="../image/program63.jpg" width="90" height="60" border="0" /></a></td>
      </tr>
    </table>	
	<br />
	<br />
	<!-- InstanceEndEditable -->
	</div>
	<div class="col1" style="width:545px;height:300px;">
	<!-- InstanceBeginEditable name="EditRegion7" --><span class="style2"><br />
	</span>
	<table width="268" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="21" height="19">&nbsp;</td>
        <td width="247"><span class="style2">Corporate Promotion &amp; Others </span></td>
      </tr>
    </table>
	<br />
	<table width="519" height="149" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="17" height="76">&nbsp;</td>
        <td width="102"><a href="animatione_6.htm"><img src="../image/program49.jpg" width="90" height="60" border="0" /></a></td>
        <td width="102"><a href="animatione_5.htm"><img src="../image/program58.jpg" width="90" height="60" border="0" /></a></td>
        <td width="102"><a href="animatione_4.htm"><img src="../image/program59.jpg" width="90" height="60" border="0" /></a></td>
        <td width="102"><a href="animatione_14.htm"><img src="../image/program50.jpg" width="90" height="60" border="0" /></a></td>
        <td width="94"><a href="animatione_29.htm"><img src="../image/program77.jpg" width="90" height="60" border="0" /></a></td>
      </tr>
      <tr>
        <td height="73">&nbsp;</td>
        <td><a href="animatione_22.htm"><img src="../image/program40.jpg" width="90" height="60" border="0" /></a></td>
        <td><a href="animatione_28.htm"><img src="../image/program47.jpg" width="90" height="60" border="0" /></a></td>
        <td><a href="animatione_26.htm"><img src="../image/program45.jpg" width="90" height="60" border="0" /></a></td>
        <td><a href="animatione_27.htm"><img src="../image/program74.jpg" width="90" height="60" border="0" /></a></td>
        <td><a href="animatione_24.htm"><img src="../image/program43.jpg" width="90" height="60" border="0" /></a></td>
      </tr>
    </table>	
	<table width="519" height="77" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="17" height="77">&nbsp;</td>
        <td width="136"><a href="animatione_33.htm"><img src="../image/program30.jpg" width="123" height="60" border="0" /></a></td>
        <td width="136"><a href="animatione_31.htm"><img src="../image/program33.jpg" width="123" height="60" border="0" /></a></td>
        <td width="136"><a href="animatione_34.htm"><img src="../image/program36.jpg" width="123" height="60" border="0" /></a></td>
        <td width="94"><a href="animatione_32.htm"><img src="../image/program35.jpg" width="90" height="60" border="0" /></a></td>
      </tr>
    </table>
	<br />
	<br />
	<!-- InstanceEndEditable -->	
	</div>
	<div class="cls"></div>
	<div id="bottom">
		<div class="copy">&copy;1990 - 2006 PTT MEDIA </div>
		<div class="link"><a href="#"></a><a href="mailto:service@pttmedia.com">Contact us</a>  |  <a href="../index.htm">Home</a></div>
	</div>
</div>
</body>
<!-- InstanceEnd --></html>